<template>
	<el-container class="app-container">
		<appMenu></appMenu>
		<el-container direction="vertical">
			<div class="app-content">
				<router-view></router-view>
			</div>
		</el-container>
	</el-container>
</template>
<script>
import appMenu from './components/Menu.vue'
export default {
	name: 'app-main',
	components: {
		appMenu
	}
}
</script>
<style lang="stylus" scoped>
@import '~$assets/stylus/varsty.styl'
.app-container {
	height: 100%
	overflow:auto
}
.app-content {
	flex: 1
	display:flex
	padding-top: 5px
	overflow-y:hidden
	overflow-x:auto
	background-color: $fxGray2
	box-sizing: border-box;
	margin-bottom: 10px;
}
</style>
